Skip to content

[fix/feat:ui] Make selected menu checks blue#3234

Open
sandersonstabo wants to merge 2 commits into
pingdotgg:mainfrom
sandersonstabo:sanderson/fix-ui-blue-menu-checks
Open

[fix/feat:ui] Make selected menu checks blue#3234
sandersonstabo wants to merge 2 commits into
pingdotgg:mainfrom
sandersonstabo:sanderson/fix-ui-blue-menu-checks

Conversation

@sandersonstabo

@sandersonstabo sandersonstabo commented Jun 20, 2026

Copy link
Copy Markdown
Contributor

What changed

Right-side selected checkmarks now use the blue selected-state color.

Why

It gives the UI some color so its not all grayscale!

UI changes

Before:

Before

After:

After

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Testing

vp check apps/web/src/components/chat/TraitsPicker.tsx apps/web/src/components/chat/ChatComposer.tsx

Note

Replace radio indicators with blue check icons for selected menu items

  • Adds a trailing blue CheckIcon to selected items in the runtime mode dropdown (ChatComposer.tsx) and trait picker menus (TraitsPicker.tsx), replacing the default radio indicator.
  • Extends MenuRadioItem in menu.tsx with a hideIndicator prop that collapses the indicator column and switches to a single-column layout when set.

Macroscope summarized 800412d.


Note

Low Risk
Visual-only changes to composer dropdowns and shared menu primitives; selection behavior and state wiring are unchanged.

Overview
Selected options in the runtime mode dropdown and traits menus now show a blue CheckIcon on the right instead of the default left radio/check indicator.

MenuRadioItem gains a hideIndicator prop (same idea as SelectItem) so callers can drop the built-in indicator column and render their own selection affordance. Traits select/boolean groups and runtime mode SelectItems use hideIndicator plus text-blue-400 checks aligned to the trailing edge.

Reviewed by Cursor Bugbot for commit 800412d. Bugbot is set up for automated code reviews on this repo. Configure here.

@coderabbitai

coderabbitai Bot commented Jun 20, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 48d8be77-2ec5-4ff7-a713-3a14f864d86e

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions github-actions Bot added vouch:unvouched PR author is not yet trusted in the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Jun 20, 2026
@sandersonstabo sandersonstabo marked this pull request as ready for review June 20, 2026 08:16
@macroscopeapp

macroscopeapp Bot commented Jun 20, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved

Pure UI styling change that adds a hideIndicator prop to menu items and uses custom blue checkmarks for selected state indication. No runtime behavior changes - only visual presentation.

You can customize Macroscope's approvability policy. Learn more.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:M 30-99 changed lines (additions + deletions). vouch:unvouched PR author is not yet trusted in the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant